.login-container {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 550px;
	height: 100%;
	min-height: 500px;
	background-image: url('./images/login_bg.svg');
	background-color: var(--hooks-colorBgLoginMain);
	background-position: 50%;
	background-size: cover;
	.SwitchDark {
		position: absolute;
		top: 50px;
		right: 50px;
		z-index: 10;
		color: var(--ant-color-text);
		font-size: 24px;
		cursor: pointer;
	}
	.login-box {
		position: relative;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: space-around;
		width: 97%;
		height: 94%;
		background-color: var(--hooks-colorBgLoginMain);
		border-radius: 10px;
		border: 1px solid var(--ant-color-border);
		.login-left {
			width: 750px;
			img {
				width: 100%;
				height: 100%;
			}
		}
		.login-form {
			width: 350px;
			padding: 45px 25px;
			border-radius: 10px;
			.ant-card-hoverable {
				border-bottom-color: rgba(240, 240, 240, 0.075);
				box-shadow:
					rgba(0, 0, 0, 0.15) 0px 0.924908px 1.84982px -1.84982px,
					rgba(0, 0, 0, 0.114) 0px 2.77472px 5.54945px 0px,
					rgba(0, 0, 0, 0.082) 0px 4.62454px 11.0989px 3.69963px;
				border-left-color: rgba(240, 240, 240, 0.075);
				border-right-color: rgba(240, 240, 240, 0.075);
				border-top-color: rgba(240, 240, 240, 0.075);
			}
		}
	}
}
